<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>我的邀请</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no"/>
	    <meta http-equiv="Access-Control-Allow-Origin" content="*">
	    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
		<link rel="stylesheet" href="../css/base.css" />
		<link rel="stylesheet" href="../css/my_invitation.css" />
		<script src="../js/jquery-2.2.3.min.js"></script>
		<script type="text/javascript" src="../js/rem.js"></script>
		<script src="../js/common.js"></script>
	</head>
	<body>
		<div class="header">
			<a href="javascript:history.back(-1)"><img src="../img/g_next.png" alt="" /></a>
			我的邀请
		</div>
		<div class="main">
			<ul class="main-list">
				<li><a href="I_invited_personal.html">我邀请的<img src="../img/icon-right.png" alt="" /></a></li>
				<li><a href="Invited_me.html">邀请我的<img src="../img/icon-right.png" alt="" /></a></li>
			</ul>
			<div class="main-inner" style="padding-bottom:0.5rem;;">
				<p class="main-inner-title">我的二维码</p>
				<div class="main-inner_ma" style="width:1.19rem;height:1.19rem;">
					<!-- <p class="main-inner_ma-zi">推广文字左区说我</p> -->
				
					<!-- <p  style="margin-left: 0.13rem;" class="main-inner_ma-zi">推广文字八字右区</p> -->
					
				</div>
				<div class="main-inner-zi">手机扫码，邀请好友</div>
				<!--<p class="main-inner-zi">获得更多会员福利</p>-->
				<!-- <input class="invitation_button" type="button" value="一键邀请" /> -->
				<!-- <p class="invitation_set"><img src="../img/g_set_zi.png"/>设置推广文字</p> -->
			</div>
			
		</div>
		<div class="overlay">
			<div class="fenXiang">
				<p>
					<img src="../img/g_wx.png" alt="" />
					<span>微信</span>
				</p>
				<p>
					<img src="../img/g_pyq.png" alt="" />
					<span>朋友圈</span>
				</p>
				<p>
					<img src="../img/g_qq.png" alt="" />
					<span>QQ</span>
				</p>
				<p>
					<img src="../img/g_wb.png" alt="" />
					<span>微博</span>
				</p>
				<input class="G_qx" type="button" value="取消" />
			</div>
		</div>
	</body>
	<script>
		$(function(){
			$('.invitation_button').click(function(){
				$('.overlay').show();
			})
			$('.G_qx').click(function(){
				$('.overlay').hide();
			})
		})
		$.ajax({
			url:SURL+'/api/xlsUser/qrCodeShare',
			dataType:'json',
			data:{
				userId:localStorage.getItem('userId'),
			},
			type:'get',
			success:res=>{
				$('.main-inner_ma').append(`
					<img class="g_code" src="data:image/jpg;base64,${res.data.qrCode}" alt=" " />
				`)	
			}
		})
	</script>
</html>
